<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.foucs{
				border: 1px solid #f00;
				background-color: #fff;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
		<form action="">
			<fieldset id="">
				<legend>个人基本信息</legend>
			</fieldset>
			<div>
				<lable>名称:</lable>
				<input type="text" name="username" id="username" value="" />
			</div>
			<div>
				<lable>密码:</lable>
				<input type="password" name="username" id="password" value="" />
			</div>
			<div>
				<lable>详细信息:</lable>
				<textarea id="msg" rows="2" cols=""></textarea>
			</div>
			<script>
				$(function(){
				   $(":input").focus(function(){
				   	$(this).addClass("foucs");
				   }).blur(function(){
				   	$(this).removeClass("foucs");
				   })
				})
				
			</script>
		</form>
	</body>
</html>
